<template>
  <nav class="text-center">Tailwind CSS with Vue</nav>
  <hr />

  <main class="text-center">
    <form>
      <label>
        username:
        <input type="text" class="username-input mt-4" v-model="username" />
      </label>

      <br />

      <label>
        password:
        <input type="password" class="password-input mt-4" v-model="password" />
      </label>
    </form>
  </main>
</template>

<script setup>
import { ref } from 'vue';

const username = ref('');
const password = ref('');
</script>
